<template>
  <footer id="footer">
    <div class="footer-wrap">
      <a-row>
        <a-col :md="6" :sm="24" :xs="24">
          <div class="footer-center">
            <h2>Ant Design</h2>
            <div>
              <a href="https://github.com/vueComponent/ant-design-vue" target="_blank ">
                <span>GitHub</span>
              </a>
              <span></span>
              <span>
                <i class="anticon anticon-github"></i>
              </span>
            </div>
            <div>
              <a href="https://ant.design/docs/react/introduce-cn" target="_blank">Ant Design</a>
              <span>-</span>
              <span>React</span>
            </div>
            <div>
              <a href="https://github.com/NG-ZORRO/ng-zorro-antd" target="_blank">Ant Design</a>
              <span>-</span>
              <span>Angular</span>
            </div>
            <div>
              <a href="https://github.com/websemantics/awesome-ant-design" target="_blank ">
                <span>Awesome Ant Design</span>
              </a>
            </div>
            <div>
              <a href="http://library.ant.design/" rel="noopener noreferrer" target="_blank">
                AntD Library
              </a>
            </div>
          </div>
        </a-col>
        <a-col :md="6" :sm="24" :xs="24">
          <div class="footer-center">
            <h2>{{ isCN ? '社区' : 'Community' }}</h2>
            <div v-if="isCN">
              <a href="https://zhuanlan.zhihu.com/ant-design-vue" target="_blank">
                <span>知乎专栏</span>
              </a>
            </div>
            <div>
              <a href="https://github.com/vueComponent/ant-design-vue/releases" target="_blank">
                <span>{{ isCN ? '更新记录' : 'Change Log' }}</span>
              </a>
            </div>
            <div>
              <a
                rel="noopener noreferrer"
                target="_blank"
                :href="`https://vuecomponent.github.io/issue-helper/${isCN ? '?lang=zh' : ''}`"
              >
                <span>{{ isCN ? '报告 Bug' : 'Bug Report' }}</span>
              </a>
            </div>
          </div>
        </a-col>
        <a-col :md="6" :sm="24" :xs="24">
          <div class="footer-center">
            <h2>{{ isCN ? '友情链接' : 'Links' }}</h2>
            <div v-if="showJeecg">
              <a href="http://www.jeecg.com/" target="_blank">Jeecg</a>
            </div>
            <div>
              <a href="https://cn.vuejs.org/" target="_blank">Vue</a>
            </div>
            <div>
              <a href="https://cli.vuejs.org/" target="_blank">Vue CLI</a>
            </div>
            <div>
              <a href="https://vitejs.dev/" target="_blank">Vite</a>
            </div>
            <div>
              <a href="https://antdv.formilyjs.org/" target="_blank">@formily/antdv</a>
            </div>
          </div>
        </a-col>
        <a-col :md="6" :sm="24" :xs="24">
          <div class="footer-center">
            <h2>
              <img
                alt=""
                class="title-icon"
                src="https://gw.alipayobjects.com/zos/rmsportal/nBVXkrFdWHxbZlmMbsaH.svg"
              />
              <span>{{ isCN ? '更多产品' : 'More Products' }}</span>
            </h2>
            <div>
              <a href="https://antv.alipay.com/" rel="noopener noreferrer" target="_blank">AntV</a>
              <span>-</span>
              <span>{{ isCN ? '数据可视化' : 'Data Visualization' }}</span>
            </div>
            <div>
              <a href="https://eggjs.org/" rel="noopener noreferrer" target="_blank">Egg</a>
              <span>-</span>
              <span>{{ isCN ? '企业级 Node 开发框架' : 'Enterprise Node Framework' }}</span>
            </div>
          </div>
        </a-col>
      </a-row>
    </div>
    <div style="padding: 10px 144px">
      备案号：
      <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">浙ICP备19034671号</a>
      &nbsp;&nbsp;&nbsp; 增值电信业务经营许可证：
      <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">浙B2-20220161</a>
    </div>
  </footer>
</template>
<script>
import dayjs from 'dayjs';
import { computed } from 'vue';
export default {
  props: {
    isCN: Boolean,
  },
  setup() {
    const showJeecg = computed(() => {
      return dayjs().isBefore(dayjs('2023-09-10'));
    });
    return {
      dayjs,
      showJeecg,
    };
  },
};
</script>
